<template lang="html">
    <div :class="$style.banner">
        <el-carousel
            indicator-position="outside"
            height="170px"
            :autoplay="true"
            :loop="true"
        >
            <el-carousel-item>
                <img
                    src="../assets/images/img1.png"
                    :class="$style.bannerImg"
                >
            </el-carousel-item>
            <el-carousel-item>
                <img
                    src="../assets/images/img2.png"
                    :class="$style.bannerImg"
                >
            </el-carousel-item>
        </el-carousel>
    </div>
</template>

<script>

export default {
    data() {
        return {
            banners: []

        }
    },
    methods: {
        init() {},
    },
    components: {
    },
    created() {
        this.init()
    }
}
</script>

<style lang="scss" scoped module>
.banner {
    width: 350px;
    margin:auto;
    .bannerImg {
        z-index: 100;
    }
    img {
        width: 100%;
        height: 100%;
    }
}
</style>
